<template>
<div class="list-body">
  <div class="post-list-box" showedit="true" isselfpage="true" type="posts">
    <div class="sub-header">
      <div class="sub-header-title">文章</div>
    </div>
    <Message/>
  </div>
</div>
</template>

<script>
import Message from "@/components/message/Message.vue";
export default {
  components:{
    Message,
  },

  name: "DetailMessage"
}
</script>

<style scoped>
.post-list-box{
  background-color: #fff;
}
.list-body .sub-header, .list-body .sub-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 2.4rem;
  height: 4rem;
  white-space: nowrap;
  border-bottom: 2px solid rgba(230,230,231,.5);
}
.list-body .sub-header .sub-header-title, .list-body .sub-header .sub-header-title {
  margin-right: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}
</style>